<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    h1 {
      /* CSS 中预定义的颜色 */
      color: red;
    }

    h2 {
      /*
        十六进制表示法
         ● 如果表示 rgb 的三个数字个位和十位都相等，可以进行简写。例：#1177ff → #17f
       */
      color: #ff0000;
    }

    h3 {
      /*
        rgb 表示法：rgb(r, g, b)
         ● r: 0 → 255
         ● g: 0 → 255
         ● b: 0 → 255
       */
      color: rgb(255, 0, 0);
    }

    h4 {
      /*
        rgba 表示法： rgba(r, g, b, a)
         ● r: 0 → 255
         ● g: 0 → 255
         ● b: 0 → 255
         ● a: 0 → 1
       */
      color: rgba(255, 0, 0, 1);
    }
  </style>
</head>

<body>
  <h1>Hello world!</h1>
  <h2>Hello world!</h2>
  <h3>Hello world!</h3>
  <h4>Hello world!</h4>
</body>

</html>